<template>
  <div class="homeBox">
    <components :is="componentOn" />
  </div>
</template>

<script>
import adminComponent from "./admin";
import userComponent from "./user";
import { mapGetters } from "vuex";
export default {
  computed: {
    ...mapGetters(["userName"]),
    componentOn() {
      if (this.userName === "admin") {
        return "adminComponent";
      } else {
        return "userComponent";
      }
    }
  },
  components: {
    adminComponent,
    userComponent
  },
  mounted() {
    window.console.log("刷新");
  }
};
</script>
